<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<!-- saved from url=(0044)http://www.pastehtml.com/view/bp7av8ub2.html -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">



    



    <title>Helper Blogger CSS Menu Demo</title>



   

</head>



<body bgcolor="#ffffff">



<style>

#pcm{display:none;}



ul.pureCssMenu ul{display:none}



ul.pureCssMenu li:hover>ul{display:block}



ul.pureCssMenu ul{position: absolute;left:-1px;top:98%;}



ul.pureCssMenu ul ul{position: absolute;left:98%;top:-2px;}



ul.pureCssMenu,ul.pureCssMenu ul {



	margin:0px;



	list-style:none;



	padding:0px 3px 3px 0px;



	background-color:#414141;



	background-repeat:repeat;



	border-color:#CECECE;



	border-width:4px;



	border-style:ridge;

       }



ul.pureCssMenu table {border-collapse:collapse}ul.pureCssMenu {



	display:block;



	zoom:1;



	position:absolute;



	z-index: 1000;



	margin-left:190px;



}



* HTML ul.pureCssMenu {position:absolute}



ul.pureCssMenu ul{



	width:103.95px;



}



ul.pureCssMenu li{



	display:block;



	margin:3px 0px 0px 3px;



	font-size:0px;



}



ul.pureCssMenu a:active, ul.pureCssMenu a:focus {



outline-style:none;



}



ul.pureCssMenu a, ul.pureCssMenu li.dis a:hover, ul.pureCssMenu li.sep a:hover {



	display:block;



	vertical-align:middle;



	background-color:#414141;



	border-width:1px;



	border-color:#414141;



	border-style:solid;



	text-align:left;



	text-decoration:none;



	padding:4px;



	_padding-left:0;



	font:14px Verdana;



	color: #FFFFFF;



	text-decoration:none;



	cursor:pointer;



}



ul.pureCssMenu span{



	overflow:hidden;



}



ul.pureCssMenu li {



	float:left;



}



ul.pureCssMenu ul li {



	float:none;



}



ul.pureCssMenu ul a {



	text-align:left;



	white-space:nowrap;



}



ul.pureCssMenu li.sep{



	text-align:left;



	padding:0px;



	line-height:0;



	height:100%;



}



ul.pureCssMenu li.sep span{



	float:none;	padding-right:0;



	width:3;



	height:100%;



	display:inline-block;



	background-color:#CECECE;	background-image:none;}



ul.pureCssMenu ul li.sep span{



	width:100%;



	height:3;



}



ul.pureCssMenu li:hover{



	position:relative;



}



ul.pureCssMenu li:hover>a{



	background-color:#A3A3A3;



	border-color:#FFFFFF;



	border-style:solid;



	font:14px Verdana;



	color: #FFFFFF;



	text-decoration:none;



}



ul.pureCssMenu li a:hover{



	position:relative;



	background-color:#A3A3A3;



	border-color:#FFFFFF;



	border-style:solid;



	font:14px Verdana;



	color: #FFFFFF;



	text-decoration:none;



}



ul.pureCssMenu li.dis a {



	color: #AAAAAA !important;



}



ul.pureCssMenu img {border: none;float:left;_float:none;margin-right:4px;width:24px;



height:24px;



}



ul.pureCssMenu ul img {width:16px;



height:16px;



}



ul.pureCssMenu img.over{display:none}



ul.pureCssMenu li.dis a:hover img.over{display:none !important}



ul.pureCssMenu li.dis a:hover img.def {display:inline !important}



ul.pureCssMenu li:hover > a img.def  {display:none}



ul.pureCssMenu li:hover > a img.over {display:inline}



ul.pureCssMenu a:hover img.over,ul.pureCssMenu a:hover ul img.def,ul.pureCssMenu a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover a:hover ul img.def,ul.pureCssMenu a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover img.over,ul.pureCssMenu a:hover a:hover a:hover a:hover img.over{display:inline}



ul.pureCssMenu a:hover img.def,ul.pureCssMenu a:hover ul img.over,ul.pureCssMenu a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover a:hover ul img.over,ul.pureCssMenu a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover img.def,ul.pureCssMenu a:hover a:hover a:hover a:hover img.def{display:none}



ul.pureCssMenu a:hover ul,ul.pureCssMenu a:hover a:hover ul,ul.pureCssMenu a:hover a:hover a:hover ul{display:block}



ul.pureCssMenu a:hover ul ul,ul.pureCssMenu a:hover a:hover ul ul{display:none}



ul.pureCssMenu span{



	display:block;



	background-image:url(http://purecssmenu.com/ssc-data/templates/ways-showing-submenus/images/arrow_sub5.gif);



	background-position:right center;



	background-repeat: no-repeat;



   padding-right:14px;}



ul.pureCssMenu ul span,ul.pureCssMenu a:hover table span{background-image:url(http://purecssmenu.com/ssc-data/templates/ways-showing-submenus/images/arrow_sub5.gif)}



ul.pureCssMenu ul li:hover > a span{	background-image:url(http://purecssmenu.com/ssc-data/templates/ways-showing-submenus/images/arrow_sub5.gif);}



ul.pureCssMenu table a:hover span,ul.pureCssMenu table a:hover a:hover span,ul.pureCssMenu table a:hover a:hover a:hover span{background-image:url(http://purecssmenu.com/ssc-data/templates/ways-showing-submenus/images/arrow_sub5.gif)}



ul.pureCssMenu table a:hover table span,ul.pureCssMenu table a:hover a:hover table span{background-image:url(http://purecssmenu.com/ssc-data/templates/ways-showing-submenus/images/arrow_sub5.gif)}



</style>



<div dir="ltr" style="text-align: left;" trbidi="on">

<div style="text-align: center;">

<span style="font-family: &#39;Courier New&#39;, Courier, monospace; font-size: large;"><b>Multi Level Drop Down Menu By <a href="http://www.helperblogger.com/" target="_blank">Helper Blogger</a></b></span></div><br>

<div style="text-align: center;">

<span style="font-family: &#39;Courier New&#39;, Courier, monospace; font-size: large;"><b>

</b></span></div>

<div style="text-align: center;">

<span style="font-family: &#39;Courier New&#39;, Courier, monospace; font-size: large;"><b><a href="https://twitter.com/#!/helperblogger" target="_blank">Follow Me On Twitter</a></b></span></div>

<div style="text-align: center;"><br>

<span style="font-family: &#39;Courier New&#39;, Courier, monospace; font-size: large;"><b>

</b></span></div>

<div style="text-align: center;">

<span style="font-family: &#39;Courier New&#39;, Courier, monospace; font-size: large;"><b><a href="http://www.helperblogger.com/2012/02/add-drop-down-menu-in-blogger.html">Back To Article</a></b></span></div>

</div>

<br>



<ul class="pureCssMenu pureCssMenum">



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.helperblogger.com/" target="_blank">Home</a></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#"><span>Tools</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->



	<ul class="pureCssMenum">



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#" target="_blank"><span>Tool 1.1</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->



		<ul class="pureCssMenum">



			<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#"><span>Tool 1.1.1</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->



			<ul class="pureCssMenum">



				<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 01</a></li>



				<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 02</a></li>



				<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 03</a></li>



				<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 04</a></li>



			</ul>



			<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>



			<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 1.1.2</a></li>



			<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 1.1.3</a></li>



		</ul>



		<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 1.2</a></li>



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#" target="_blank">Tool 1.3</a></li>



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Tool 1.4</a></li>



	</ul>



	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#"><span>Categories</span><!--[if gt IE 6]--></a><!--[endif]--><!--[if lte IE 6]><table><tr><td><![endif]-->



	<ul class="pureCssMenum">



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">CSS</a></li>



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">HTML</a></li>



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">jQuery</a></li>



		<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">JavaScript</a></li>



	</ul>



	<!--[if lte IE 6]></td></tr></table></a><![endif]--></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Wordpress</a></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Blogger</a></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">About</a></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Contact</a></li>



	<li class="pureCssMenui"><a class="pureCssMenui" href="http://www.pastehtml.com/view/bp7av8ub2.html#">Sitemap</a></li>



</ul>



<br><br><br><br><br><br><br><br><br><br><br><br>



<br><br><br><br><br><br><br><br><br><br><br><br>



<br><br><br><br><br><br><br><br><br><br><br><br>







 </body></html>